<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" >
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>
     PollBook: Angel or Devil
    </title>
    <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print" />
    <!--
      [if IE]> <link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection" />
      <![endif]
    -->
    <link title="default" media="screen" type="text/css" href="css/style.css" rel="stylesheet" />
  </head>
  <body>
    <div id="container" class="container">
      <div id="header">
        <h1>
          <a href="#">
            PollBook
          </a>
        </h1>
        <div id="navigation">
          <ul>
            <li>
            <a class="current" href="/">
              Home
            </a>
          </li>
          <li class="page_item page-item-2">
          <a title="About" href="/about">
            About
          </a>
        </li>
      </ul>
    </div>
  </div>
  <div id="content" class="span-24" style="padding-top: 20px; padding-bottom: 10px;">
    <div id="leftPanel" class="span-3 colborder" style="height: 300px;">
      <div id="defaultLeftPanel">
        <div id="fbLoginButton">
          <fb:login-button onlogin="onConnected();">
          </fb:login-button>
        </div>
      </div>
      <div id="loggedInLeftPanel" style="display: none;">
        <div id="profilePic" class="profile_pic">
        </div>
      </div>
      <div class="profile_actions">
        <div id="name" class="profile_name">
        </div>
        <span id="suggestToFriendsPanel" class="profile_action" >
          Suggest to your Friends
        </span>
        <span id="logout" class="profile_action" style="display: none;" onclick="FB.Connect.logoutAndRedirect('/')">
          Logout
        </span>
      </div>
    </div>
    <div id="centerPanel" class="span-16">
      <div id="siteMessage" class="span-16 last" style="-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;  background-color: #E2E6F0;">
        It's easy! Without any reasoning just pick one...
      </div>
      <div id="warningOrErrorMessage" class="span-16" 
      		style="display: none; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; background-color: #6D83B4;
      		color: white; ">      	
      </div>
      <div id="imgDevil" class="span-8">
        <img id="img_devil" src="devil.gif" alt="img_devil" />
        <img id="img_devil_hover" src="devil_h_32.gif" alt="img_devil_hover" style="display: none;" />
      </div>
      <div id="imgAngel" class="span-7">
        <img id="img_angel" src="angel.gif" alt="img_angel" />
        <img id="img_angel_hover" src="angel_h_32.gif" alt="img_angel_hover" style="display: none;" />
      </div>
      <div id="NumOfDevil" class="span-3 prepend-4" style="font-size: x-large; color: #6D83B4;">
      </div>           
      <div id="NumOfAngel" class="span-3 prepend-4" style="font-size: x-large; color: #6D83B4;">      	
      </div>      
      <div id="TotalVotes" class="span-16">
      </div>      
    </div>
    <div id="rightPanel" class="span-4 last radius" >
      <b>PollBook is just an experimental work.</b> You don't need to think much; connect 
      with your Facebook account, just click one of the images and see how many Devils or Angels we have. <b>Note that 
      none of your personal data is saved.</b> See the <a href="/about">about page</a>...
    </div>
  </div>
  <div id="footer" class="span-7 prepend-17 last" style="background-color: #3b5998; color: white; 
  	-moz-border-radius: 3px; text-align: right;">
    see <a href="/about" style="color: white;">about page</a>&nbsp;&nbsp;
  </div>
</div>
<div>
  
  <div><fb:serverfbml style="width: 755px;">
  	<script type="text/fbml">
        <fb:fbml>
            <fb:request-form
                      action="/"
                      method="POST"
                      invite="true"
                      type="connect"
                      content="this content SYUSUSD" >
                      <fb:multi-friend-selector
                      	showborder="true"
                      	actiontext="Invite your friends to use Connect.">
          </fb:request-form>
        </fb:fbml>   
      </script>
  </fb:serverfbml></div>
  <script type="text/javascript" src="jquery-1.2.6.min.js" >
  </script>
  <script type="text/javascript" src="main.js">
  </script>
  <script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" >
  </script>
  
  <script type="text/javascript">
	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  </script>
  <script type="text/javascript">
	try {
		var pageTracker = _gat._getTracker("UA-6588085-4");
		pageTracker._trackPageview();
	} catch(err) {}
  </script>
</div>
</body>
</html>
